<template>
	<view class="container">
		<view class="title">北京四日追花拍摄秘籍–故宫</view>
		<view class="subtitle">
			<text>济源广播旅游团</text>
			<text class="date">2022/10/10 11:09</text>
		</view>
		<image class="main-image" src="../../../static/7.jpg" mode="widthFix">
		</image>
		<view class="content">
		为了丰富小区业主周末生活，提高业主幸福感，焦作公交集团推出《公交进社区带您游焦作》的周边游活动。《梦游清凉寺专线》根据报名人数随时派发（限30人起发），本周日早上九点五发。约伴小司机带您游紫龙城温泉。
		</view>
		<view class="price">
			<text class="current-price">价格￥99.00</text>
			<text class="original-price">原价￥199.00</text>
		</view>
		<view class="info">
			<view>截止日期：2022-10-10 23:59</view>
			<view>咨询电话：0379-66666666</view>
			<view>注意事项：暂无</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		}
	};
</script>

<style>
	.container {
		padding: 16px;
		font-family: Arial, sans-serif;
	}

	.title {
		text-align: center;
		font-size: 18px;
		font-weight: bold;
	}

	.subtitle {
		display: flex;
		justify-content: space-between;
		margin: 8px 0;
		font-size: 14px;
		
	}

	.main-image {
		width: 100%;
		margin-bottom: 16px;
	}

	.content {
		margin: 16px 0;
		font-size: 14px;
		line-height: 1.5;
	}

	.price {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-left: -145px;
		
	}

	.current-price {
	
		font-size: 14px;
	}

	.original-price {
		font-size: 14px;
		color: red;
		text-decoration: line-through;
		margin-left: 50px;
	}

	.info {
		margin-top: 5px;
		font-size: 14px;
	}
</style>